<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{$title}-{$Think.lang.web_name}</title>
    <meta name="keywords" content="网站制作,博客,个人博客,个人网站,网站建设,网站模板">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    {include file="comm/header"/}
    <link type="text/css" rel="stylesheet" href="__CSS__/home_style_resume.css">
</head>
<body>
{include file="comm/nav_top"/}
<!-- content start-->
<div class="col-sm-12">
    <div class="container">
        <nav class="col-sm-12 hearder_nav" style="padding-top: 30px">
            <div class="col-sm-6">
                <div class="hearder_img">
                    <img src="http://blog.fang12345.top/upload/header.png">
                    <h4>方文锋</h4>
                </div>
            </div>
        </nav>
        <div class="col-sm-12 content">
            <div class="col-sm-12">
                <h4>基本信息</h4>
                <ul>
                    <li><span>性别：</span>男</li>
                    <li><span>出生年月：</span>1996 / 04 / 06</li>
                    <li><span>毕业院校：</span>琼台师范学院</li>
                    <li><span>学历：</span> 大专</li>
                    <li><span>专业：</span>计算机应用</li>
                    <li><span>手机：</span> 18876126389</li>
                    <li><span>工作年限：</span>1年</li>
                    <li><span>户口所在地：</span>海南省万宁市</li>
                </ul>
            </div>
            <div class="col-sm-12">
                <h4>工作经历</h4>
                <div class="resume_desc">
                    <p>2018年3月1日，在《漫游谷（海南）科技有限公司》工作，在公司的工作有网站管理和维护，根据需求对网站的页面改版和代码编写（php代码），网站搭建。服务器使用的是Windows Servar 2008R2 和 Windonws Server 2016 操作系统。2018年10月26日离职。</p>
                    <p>2018年11月19日，在《海南十指文化传媒有限公司》工作，主要负责网站开发和维护，参与的工作项目有使用ectouch商城系统进行二次开发，万丽濠城KTV线上预订系统（基于公众号开发，订单预订，在线核销，一键导航），2019年4月8日离职。</p>
                </div>
            </div>
            <div class="col-sm-12">
                <h4>个人描述</h4>
                <div class="resume_desc">
                    <p>热爱编程，熟悉JavaScript，HTML，CSS和PHP。熟悉使用ThinkPHP5.1。</p>
                </div>
            </div>
            <div class="col-sm-12">
                <h4>教育背景</h4>
                <ul>
                    <li><span>毕业学校：</span>琼台师范学院</li>
                    <li><span> 起止时间：</span>2015-09-01~2018-06-30</li>
                    <li><span>专业：</span>计算机应用</li>
                    <li><span> 学历：</span>大专</li>
                    <li><span>专业描述：</span>在校期间学习了网络营销、计算机组装与维护、Flash动画制作、图像处理技术（Photoshop）、网页制作、动态网页编程（PHP）、计算机网络、服务器管理与维护（windows server 2008）等。</li>
                    <li><span></span></li>
                </ul>
            </div>
        </div>
    </div>
</div>

<canvas id="canvas1" class="canvas" style="position: fixed;top:0;left:0;z-index: -1;background: #211815;"></canvas>
<!-- content end -->
{include file="comm/footer"/}
<script type="text/javascript" src="__JS__/canvas.js"></script>
<script type="text/javascript">
    canvas1.width=(document.documentElement.clientWidth||window.innerWidth);
    canvas1.height=(document.documentElement.clientHeight||window.innerHeight);
    Context.createCanvas(canvas1,"abc");
Events.add(window,"resize",function (e) {
    canvas1.width=(document.documentElement.clientWidth||window.innerWidth);
    canvas1.height=(document.documentElement.clientHeight||window.innerHeight);
});
    function drawCanvas(C){
        (C.w)||(C.w=1000);
        (C.h)||(C.h=600);
        (C.num)||(C.num=100);
        (C.name)||(C.name="ctx");
        var O={
            // 粒子的初始位置(二维数组[[x,y,r]])
            xyr:[]
            //粒子的运动速度(二维数组[[x,y]])
            ,v:[]
            //粒子的当前位置(x,y坐标,二维数组[[x,y]])
            ,p:[]
            ,w:C.w
            ,h:C.h
            // 粒子的数量
            ,num:C.num
            ,mouseX:100
            ,mouseY:100
            ,init:function(){
                for(var i=0;i<this.num;i++){
                    var x=~~(Math.random()*this.w),y=~~(Math.random()*this.h),r= Math.random()*1+0.5;
                    this["xyr"][i]=[x,y,r];
                    this.v[i]=[~~(Math.random()*5-4),~~(Math.random()*5-4)];
                    this.p[i]=[x,y,r];
                }

            }
            ,draw:function(){
                //console.log(this);
                Context.clearRect(C.name);
                var condition=[],j=0;
                for(var i=0;i<this.num;i++){
                    //console.log(this.p[i],this.v[i]);

                    //console.log(this.p[i]);
                    Context.drawPath(C.name,{
                        type:"arc"
                        ,colorFill:"color"
                        // ,x1:0
                        // ,y1:0
                        // ,x2:1000
                        // ,y2:1000
                        // ,xy:[[0,0],[canvas1.width,0],[canvas1.width,canvas1.height],[0,canvas1.height]]
                        ,x:this.p[i][0]=this.p[i][0]+this.v[i][0]
                        ,y:this.p[i][1]=this.p[i][1]+this.v[i][1]
                        ,r:this.p[i][2]
                        ,position_color:[[0,"rgba("+random(0,255)+","+random(0,255)+","+random(0,255)+",1)"]]
                        ,is_fill:true
                    });
                    (this.p[i][0]<0 || this.p[i][0]>this.w)&&(this.v[i][0]=-this.v[i][0]);
                    (this.p[i][1]<0 || this.p[i][1]>this.h)&&(this.v[i][1]=-this.v[i][1]);
                    // if (this.p[i][0]<0 || this.p[i][0]>this.w || this.p[i][1]<0 || this.p[i][1]>this.h) {
                    // console.log(this.xyr[i],this.p[i]);
                    // this.p[i][0]=this.xyr[i][0];
                    // this.p[i][1]=this.xyr[i][1];
                    // }
                    /*粒子连线 鼠标 begin*/
                    if((document.documentElement.clientWidth||window.innerWidth)<750){continue;}
                    if (this.x2(this.mouseX-this.p[i][0])+this.x2(this.mouseY-this.p[i][1])<=this.x2(200)) {
                        Context.drawPath(C.name,{
                            type:"lineTo"
                            ,colorFill:"color"
                            // ,x1:0
                            // ,y1:0
                            // ,x2:1000
                            // ,y2:1000
                            ,xy:[[this.mouseX,this.mouseY],[this.p[i][0],this.p[i][1]]]
                            // ,x:this.p[i][0]=this.p[i][0]+this.v[i][0]
                            // ,y:this.p[i][1]=this.p[i][1]+this.v[i][1]
                            // ,r:this.p[i][2]
                            ,position_color:[[0,"rgba("+random(0,255)+","+random(0,255)+","+random(0,255)+",1)"]]
                            ,is_fill:false
                        });
                        /*粒子间连线 begin*/
                        for(var k=0;k<this.num;k++){
                            if (this.x2(this.p[i][0]-this.p[k][0])+this.x2(this.p[i][1]-this.p[k][1])<=this.x2(100)) {
                                Context.drawPath(C.name,{
                                    type:"lineTo"
                                    ,colorFill:"color"
                                    // ,x1:0
                                    // ,y1:0
                                    // ,x2:1000
                                    // ,y2:1000
                                    ,xy:[[this.p[i][0],this.p[i][1]],[this.p[k][0],this.p[k][1]]]
                                    // ,x:this.p[i][0]=this.p[i][0]+this.v[i][0]
                                    // ,y:this.p[i][1]=this.p[i][1]+this.v[i][1]
                                    // ,r:this.p[i][2]
                                    ,position_color:[[0,"rgba("+random(0,255)+","+random(0,255)+","+random(0,255)+",1)"]]
                                    ,is_fill:false
                                });
                            }
                        }
                        /*粒子间连线 end*/
                    }
                    /*粒子连线 鼠标 end*/
                }
            }
            ,lineTo:function(C){
                (C.size)||(C.size=100);
                (C.mouseX)||(C.mouseX=100);
                (C.mouseY)||(C.mouseY=100);
                if (this.x2(C.mouseX-C.x)+this.x2(C.mouseY-C.y)<=this.x2(C.size)) {
                    Context.drawPath("abc",{
                        type:"lineTo"
                        ,colorFill:"color"
                        // ,x1:0
                        // ,y1:0
                        // ,x2:1000
                        // ,y2:1000
                        ,xy:[[C.mouseX,C.mouseY],[C.x,C.y]]
                        // ,x:this.p[i][0]=this.p[i][0]+this.v[i][0]
                        // ,y:this.p[i][1]=this.p[i][1]+this.v[i][1]
                        // ,r:this.p[i][2]
                        ,position_color:[[0,"rgba("+random(0,255)+","+random(0,255)+","+random(0,255)+",1)"]]
                        ,is_fill:false
                    });
                }
            }
            ,x2:function(number){
                return typeof number ==="number" ? number*number : 0;
            }

        };
        this.O=O;
        return O;

    }
    var ctx1=new drawCanvas({w:canvas1.width,h:canvas1.height,name:"abc"});
    ctx1.init();
    ((document.documentElement.clientWidth||window.innerWidth)<750) ? ctx1.init(ctx1.num=100) : ctx1.init(ctx1.num=200);
    setInterval(function(){
        ctx1.draw.call(ctx1);
    },1000/30);
    window.onmousemove=function(event){
        ctx1.mouseY=event.clientY;
        ctx1.mouseX=event.clientX;
    }

</script>
</body>
</html>